<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>ID</title>
	<link rel="stylesheet" type="text/css" href="./css/style.css" />
	<style type="text/css">
		body {
			background: #FFF;
		}

		.line {
			height: 20px;
		}
	</style>
</head>

<body>
	<div class="id-container">
		<header>
			<img onclick="gotoActivity();" class='personal' src="./img/sao.png" alt="扫描">
			<h1>市政通
			</h1>
			<div class="extra"><span class="place">北京</span> <span class="weather">晴 25℃～36℃</span></div>
		</header>
		<main>
			<div class='er-code'><img id="photo" alt="二维码"></div>
			<div class="information">
				<div id="name" class="name"></div>
				<div class="content">
					<div class="title">身份证号</div><div id="num"></div>
				</div>
				<div class='content'>
					<div class="title">出生日期</div>
					<div id="birthday"></div>
				</div>
			</div>
			<div class="tag">
				身份证
			</div>
		</main>
		<nav>
			<ul class="row">
				<li onclick="javascript:hui.open(('7.html?photo='+hui('#photo').attr('src')+'+&name='+GetQueryString('name')+'&num='+GetQueryString('num')));" class="item"><img src="./img/id_card.png" alt="">
					<div class="name">身份证</div>
				</li>
				<li onclick="javascript:hui.open('8.html');" class="item"><img src="./img/plus.png" alt="">
					<div class="name">因私电子护照</div>
				</li>
				<li onclick="javascript:hui.open('8.html');" class="item"><img src="./img/plus.png" alt="">
					<div class="name">台湾通行证</div>
				</li>
				<li onclick="javascript:hui.open('8.html');" class="item"><img src="./img/plus.png" alt="">
					<div class="name">港澳通行证</div>
				</li>
			</ul>
			<ul class="row">
				<li onclick="javascript:hui.open('8.html');" class="item"><img src="./img/plus.png" alt="">
					<div class="name">驾驶证</div>
				</li>
				<li onclick="javascript:hui.open('8.html');" class="item"><img src="./img/plus.png" alt="">
					<div class="name">行车证</div>
				</li>
				<li onclick="javascript:hui.open('8.html');" class="item"><img src="./img/plus.png" alt="">
					<div class="name">因公电子护照</div>
				</li>
				<li onclick="javascript:hui.open('8.html');" class="item"><img src="./img/more.png" alt="">
					<div class="name">期待更多</div>
				</li>
			</ul>
		</nav>
	</div>
	<div class="service-container">
		<div class="content">
			<div class="title">便民服务</div>
			<div class="nav-box">
				<div class="nav-item"><img src="./img/home_cxfw.png" alt="">
					<div class="nc">
						<div class="name">出行服务</div>
						<div class="kind">火车高铁 | 飞机轮船</div>
					</div>
				</div>
				<div class="nav-item"><img src="./img/Euros.png" alt="">
					<div class="nc">
						<div class="name">酒店住宿</div>
						<div class="kind">商务酒店 | 经济民宿</div>
					</div>
				</div>
				<div class="nav-item"><img src="./img/home_wdfu.png" alt="">
					<div class="nc">
						<div class="name">网点服务</div>
						<div class="kind">公安警力 | 移民局</div>
					</div>
				</div>
				<div class="nav-item"><img src="./img/Icon (2).png" alt="">
					<div class="nc">
						<div class="name">交通管理</div>
						<div class="kind">机动车 | 驾驶证</div>
					</div>
				</div>
				<div class="nav-item"><img src="./img/Icon.png" alt="">
					<div class="nc">
						<div class="name">出入境服务</div>
						<div class="kind">预约申请 | 再次签注</div>
					</div>
				</div>
				<div class="nav-item"><img src="./img/home_wgrfw.png" alt="">
					<div class="nc">
						<div class="name">外国人业务</div>
						<div class="kind">居留许可 | 住宿登记</div>
					</div>
				</div>
			</div>
		</div>
		<div onclick="clearData()" class="clear-data"><span>清除数据</span></div>
	</div>

	<script src="./js/hui.js" type="text/javascript" charset="utf-8"></script>
	<script src="./js/util.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">

	function clearData(){
		<!--localStorage.clear();-->

		localStorage.removeItem("15500000000");
		localStorage.removeItem("16600000000");
		localStorage.removeItem("17700000000");
		localStorage.removeItem("18800000000");
		localStorage.removeItem("19900000000");

		localStorage.removeItem("uasername");
		localStorage.removeItem("password");

		nativeMethod.clear();

		hui.open('1.html');
	}

	hui.ready(function(){
  		hui('#name').html(GetQueryString("name"));
  		hui('#num').html(GetQueryString("num"));
  		var birthday = get_Birthday_from_idcard(GetQueryString("num"));
  		hui('#birthday').html(birthday);

  	});

	  function gotoActivity () {
		nativeMethod.scan();
	  }

	  function GetQueryString(name) {
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r != null) return decodeURI(r[2]);
			return null;
		}

	function  aa(path){
	hui('#photo').attr('src',path);
	}
	</script>
</body>

</html>